<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>闭包使用</title>
</head>
<body>
    <button message="后盾人">button</button>
    <button message="hscms">button</button>
</body>
</html>
<script type="text/javascript">
//闭包会向上找变量  直到windows位为止
    // function hd(){
    //     let name = '后盾人';
    //     return function(){
    //         return name;
    //     }
    // }
    // let hdcms = hd();
    // console.log(hdcms());


    //使用闭包返回数组区间函数
//     let arr = [3,1,2,4,6,5,8];
//     function between(a,b){
//         return function (v){
//             return v >= a && v <= b;
//         }
//     }
//    console.log(arr.filter(between(3,5)));

// var btns = document.querySelectorAll('button');
// for(let i = 0 ; i < btns.length ; i++){
//    btns[i].onclick = (function(i){
//         return function(){
//             alert(i);
//         }
//    })(i);
// }


//使用闭包获取区间的产品
// let arr = [
//     {title:'西红柿',price:10},
//     {title:'黄瓜',price:15},
//     {title:'西湖喽',price:100}
// ];
// function between(start,end){
//     return function(v){
//         return v.price >= start && v.price <= end;
//     }
// }

// console.log(arr.filter(between(5,50)));






</script>